<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>统计分析</title>
<%-- 全站样式 --%>
<jsp:include page="/WEB-INF/jsps/template_style.jsp"></jsp:include>

<!--时间css-->
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css">
<!--时间js-->
<script src="assets/js/jquery-1.11.1.min.js"></script>
</head>

<body class="page-body skin-navy">
	<div class="page-container">
		<%--侧边栏 --%>
		<jsp:include page="/WEB-INF/jsps/sidebar.jsp"></jsp:include>

		<div class="main-content">
			<%--导航栏 --%>
			<jsp:include page="/WEB-INF/jsps/navbar.jsp"></jsp:include>

			<div class="page-title">
				<div class="title-env">
					<h1 class="title">统计分析</h1>
					<p class="description">您可以在此页面上进行统计分析</p>
				</div>
			</div>

			<nav class="navbar navbar-default " role="navigation">
			<div class="collapse navbar-collapse" id="operate_tool_navbar">
				<ul class="nav navbar-nav" style="margin-right: 10px">
					<li><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font size="3">请选择进行统计分析的条件：</font>
					</li>
					<li class="dropdown">
						<!--  <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">检测内容<b class="caret"></b>
                        </a> --> <select class="form-control" name="contents"
						id="contents" style="margin-top: 10px;" required>
							<%--遍历检测内容--%>
							<option value="检测内容">检测内容</option>
							<c:forEach items="${contents}" var="content">
								<option value="${content}">${content}</option>
							</c:forEach>
					</select>
				</ul>
				</li>
				</ul>
				<ul class="nav navbar-nav" style="margin-right: 10px">
					<li class="dropdown"><select class="form-control"
						name="categoryOrigins" id="categoryOrigins" style="margin-top: 10px;"
						required>
							<%--遍历所检测地区--%>
							<option value="所检测地区">所检测地区</option>
							<c:forEach items="${categoryOrigins}" var="categoryOrigin">
								<option value="${categoryOrigin}">${categoryOrigin}</option>
							</c:forEach>
					</select></li>
				</ul>
				<ul class="nav navbar-nav">
					<li class="dropdown"><select class="form-control" name="time"
						id="time" style="margin-top: 10px;" required>
							<option value="统计时间">统计时间</option>
							<c:forEach items="${statisticsTime}" var="time">
								<option value="${time}">${time}周</option>
							</c:forEach>
					</select></li>
				</ul>
				<ul class="nav navbar-nav">
					<input type="text" class="form-control datetimepicker datatimepicker1"
						id="startDate" name="startDate" readonly
						style="width: 85px; margin: 10px;" />
				</ul>
				<ul class="nav navbar-nav">
					<p style="margin-top: 14px;">—</p>
				</ul>
				<ul class="nav navbar-nav">
					<input type="text" class="form-control datetimepicker datatimepicker1"
						id="endDate" name="endDate" readonly style="width: 85px; margin: 10px;" />

				</ul>
				<ul>

					<button class="btn btn-primary" style="margin: 10px;" id="analysisID">确定</button>
				</ul>
				<!-- /.col-lg-6 -->
			</div>
			<!-- /.navbar-collapse --> </nav>

			<div class="row">
				<div class="col-md-12">
					<!-- Collapsed panel -->
					<div class="panel panel-default">
						<!-- Add class "collapsed" to minimize the panel -->
						<div class="panel-heading">
							<h3 class="panel-title">统计分析报告</h3>
							<!-- Invoice Options Buttons -->
							<div class="invoice-options hidden-print panel-options">
								<a href="javascript:;" onclick="window.print();"
									class="btn btn-block btn-secondary btn-icon btn-icon-standalone btn-icon-standalone-right btn-single text-left">
									<i class="fa-print"></i> <span>打印</span>
								</a>
							</div>
							<div class="panel-options">
								<a href="#" data-toggle="panel"> <span class="collapse-icon">–</span>
									<span class="expand-icon">+</span>
								</a>
							</div>
						</div>
						<div class="panel-body">
							<section class="invoice-env">
							<table class="table table-bordered">
								<thead>
									<tr class="no-borders">
										<th class=" hidden-xs">检验员：张城龙</th>
										<th></th>
										<th class="hidden-xs">检测地：江西省南昌市</th>
										<th></th>
									</tr>
									<tr class="no-borders">
										<th class=" hidden-xs">检测物类别：糖类</th>
										<th></th>
										<th class=" hidden-xs">检测时间：2017-7-14</th>
										<th></th>

									</tr>
									<tr class="no-borders">
									</tr>

									<tr class="no-borders">
										<th class="text-center hidden-xs">被检测物</th>
										<th width="30%" class="text-center">检测总数</th>
										<th width="20%" class="text-center">合格数</th>
										<th width="10%" class="text-center">合格率</th>
									</tr>
								</thead>
								<tbody id="tbody">
								</tbody>
							</table>
							</section>
						</div>
					</div>
				</div>
			</div>
			<%--页脚 --%>
			<jsp:include page="/WEB-INF/jsps/footer.jsp"></jsp:include>
		</div>
	</div>

	<div class="page-loading-overlay">
		<div class="loader-2"></div>
	</div>

	<%-- 尾部内容 --%>
	<jsp:include page="/WEB-INF/jsps/template_tail.jsp" />

	<!--时间js-->
	<script src="assets/js/bootstrap-datetimepicker.js"></script>
	<script src="assets/js/bootstrap-datetimepicker.zh-CN.js"></script>

	<!--统计js-->
	<script src="assets/js/custom/statisticalAnalysis.js"></script>
</body>

</html>